<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../../css/index.css" />
<link rel="stylesheet" type="text/css" href="../../js/myPagination/page.css" />
<link rel="stylesheet" type="text/css" href="../../jeasyui/themes/gray/easyui.css" />
<link rel="stylesheet" type="text/css" href="../../jeasyui/themes/icon.css" />

<script type="text/javascript" src="../../jeasyui/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../../js/myPagination/jquery.myPagination6.0.js"></script>
<script type="text/javascript" src="../../js/jquery-jtemplates.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../jeasyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jeasyui/locale/easyui-lang-zh_CN.js"></script>
<title>主页</title>
<style type="text/css">
	.title{
		font-weight: bold;
		text-align: center;
	}
	.info{
		text-align: right;
		padding: 0 10px;
		color: #999;
		border-bottom: 1px solid #EFF0F1;
	}
	.info span{
		padding-right: 10px;
	}
</style>

</head>

<body>
<!-- wrap starts here -->
<div id="wrap">
		
		<!--header -->
		<div id="header">			
				
			<h1 id="logo-text"><a href="#">Siloam</a></h1>		
			<p id="slogan">Here am I. Send me!</p>		
			
			<div id="header-links">
			<p>
				<a href="index.html">后台</a> | 
				<a href="index.html">退出</a>			
			</p>		
		</div>		
						
		</div>
		
		<!-- menu -->	
		<div  id="menu">
			<ul>
				<li ><a href="#">首页</a></li>
				<li><a href="#">团契介绍</a></li>
				<li><a href="#">联系我们</a></li>
				<li id="current"><a href="#">个人中心</a></li>
			</ul>
		</div>					
			
		<!-- content-wrap starts here -->
		<div id="content-wrap">
				
			<div id="sidebar">
			
				<h3>功能列表</h3>
				<ul class="sidemenu">				
					<li><a href="#">团契动态</a></li>
					<li><a href="#">我的代祷</a></li>
					<li><a href="#">我的文章</a></li>
					<li><a href="#">我的小组</a></li>
					<li><a href="#" title="Web Templates">密码修改</a></li>
				</ul>
								
			</div>
				
			<div id="main">
				<p class="title">${article.title}</p>
				<p class="info"><span>${article.author.name }</span>${article.date}</p>
				<p class="content">${article.content}</p>
			</div>
		
		<!-- content-wrap ends here -->	
		</div>
					
		<!--footer starts here-->
		<div id="footer">
            <p>&copy; 2013 <strong>copyright siloam</strong>
   	    </p>
				
		</div>	

<!-- wrap ends here -->
</div>

</body>
</html>
